


<script setup>
import {ref, reactive} from 'vue'
// 指令 attribute 的期望值为一个 JavaScript 表达式 (除了少数几个例外，即之后要讨论到的 v-for、v-on 和 v-slot)。
// 一个指令的任务是在其表达式的值变化时响应式地更新 DOM。以 v-if 为例：
const seen = ref(true)
</script>

<template>
    <p v-if="seen">Now you see me</p>
    <!-- 这里，v-if 指令会基于表达式 seen 的值的真假来移除/插入该 <p> 元素。 -->
</template>